<script src="../ExternalLibrary/vue.js"></script>
<fieldset>
    <legend>数据改变不渲染视图</legend>

    <div id="app">
        <p>{{foo}}</p><!--这里的foo不会更新-->
        <button v-on:click="foo='baz'">change it</button>
    </div>

    <script type="text/javascript">
        var obj = {
            foo:"bar"
        }

        Object.freeze(obj);//因为这里冻结,导致p标签不会发生改变

        //Vue实例创建时,经过一系列的初始化过程是:设置数据监听,编译模板,将实例挂载到DOM并在数据变化时更新DOM(包含一些钩子函数)
        var vm = new Vue({
            el:"#app",
            data:obj
        })
    </script>
</fieldset>